﻿<!DOCTYPE html>
<html lang="en">


<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>Nortec Consulting</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

	<!-- CSS
  ================================================== -->
  	<link rel="stylesheet" href="css/reset.css" media="all">
    <link rel="stylesheet" href="css/ut-fontface.css" media="all">
    <link rel="stylesheet" href="css/font-awesome.css" media="all">
	<link rel="stylesheet" href="css/flexslider.css" media="all">
    <link rel="stylesheet" href="css/magnific-popup.css" media="all">
    <link rel="stylesheet" href="css/ut-responsive-grid.css" media="all">
    <link rel="stylesheet" href="css/color.css" media="all">
    <link rel="stylesheet" href="css/style.css" media="all">
    
     <!--[if lt IE 9]>
		<script src="js/html5.js"></script>
	<![endif]-->
    
   <!--[if lt IE 9]>
	<link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
	<style>.hero .hero-holder {
		margin-left:-410px;
	}
	</style>
    <![endif]-->
    
    <!--[if IE]>
		<link rel="stylesheet" type="text/css" href="css/ie.css" />
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/icono.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

	<!-- Load jQuery
  	================================================== -->
  	<script src="js/jquery.min.js"></script>
    <script src="js/SmoothScroll.js"></script>
	<script src="js/modernizr.js"></script>
    <script src="js/device.min.js"></script>
    
</head>

<body id="mainsite">
	
    <a id="top"></a>
    
	<!-- Page Layout
	================================================== -->
    
     <!-- header section -->
	<header id="header-section" class="ha-header ha-header-hide">
    	<div class="grid-container">
				<div class="ha-header-perspective">
					<div class="ha-header-front">
                    <div class="grid-20 tablet-grid-20 hide-on-mobile">
						<h1 class="logo"><a href="#top"><img src="images/logo.png" alt="logo"></a></h1>
                        </div>
						<nav id="ut-navigation" class="grid-80 tablet-grid-80 hide-on-mobile">
                        	<a class="selected" href="#top">Inicio</a>
							<a href="#about-section">Nosotros</a>
							<a href="#service-section">Productos</a>
                            <!--<a href="#portfolio-section">Tienda Lenovo</a>-->
                            <a href="#contact-section">Contacto</a>
                            <a href="http://www.nortec.co.cr/Pages/Support.aspx">Soporte</a>
						</nav>
					</div>
				</div><!-- close .ha-header-perspective --> 
        </div><!-- close grid container -->  
    </header><!-- close header -->
    
    <div class="clear"></div>
    
	<!-- hero section -->
    <section class="slider hero ha-waypoint parallax-section parallax-background" data-animate-up="ha-header-hide" data-animate-down="ha-header-hide">
        <div class="parallax-overlay parallax-overlay-1"></div> 
    	<div class="grid-container">
    		
            <!-- hero holder -->
            <div class="hero-holder grid-70 mobile-grid-100 tablet-grid-100">
            	<div class="hero-inner">
                    <span class="hero-description"><img src="/images/logo1.png" border="0" alt="Nortec Consulting"></span>
                    <div class="hero-title-holder"><h1 class="hero-title">Somos Movilidad</h1></div>
                    <span class="btn-holder"><a id="to-about-section" class="hero-btn">¿Qui&eacute;nes somos?</a></span>
                </div>
            </div><!-- close hero-holder -->    													
    	</div>
        
        <!-- slider -->
        <div class="main-slider">
        	<ul class="slides">
        		<li style="background:url(images/slider/slide-1.jpg);"></li>
                <li style="background:url(images/slider/slide-2.jpg);"></li>
                <li style="background:url(images/slider/slide-3.jpg);"></li>
                <li style="background:url(images/slider/slide-4.jpg);"></li>
                <li style="background:url(images/slider/slide-5.jpg);"></li>
                <li style="background:url(images/slider/slide-6.jpg);"></li>
                <li style="background:url(images/slider/slide-7.jpg);"></li>
                <li style="background:url(images/slider/slide-8.jpg);"></li>
            </ul>
        </div>
        <!-- close slider -->
        
    </section><!-- close hero section -->
    
    <div class="clear"></div>
   
    <div id="main-content" class="wrap">
    
    <!-- about section -->
    <div class="nav-waypoint">
	<section id="about-section" class="about-section content-section ha-waypoint" data-animate-up="ha-header-hide" data-animate-down="ha-header-small">
		<div class="grid-container">
        	
            <!-- section header -->
            <div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                <header class="section-header">
                    <h2 class="section-title"><span>Nortec Consulting</span></h2>
                    <p class="section-slogan">Contamos con un equipo humano calificado para bridarle asesor&iacute;a; nuestros consultores de negocios est&aacute;n capacitados para identificar sus requerimientos y brindarle las soluciones tecnol&oacute;gicas que m&aacute;s se ajusten a sus necesidades, haciendo posible el alcance de sus objetivos de negocio.</p>
                </header>
            </div>
            <!-- close section header -->
            
            <div class="grid-50 tablet-grid-100 mobile-grid-100 about-box">
            	<figure class="about-icon"><img src="images/mision.png" alt="Mision"></figure>
                
                <div class="about-box">
                    <h3>Misi&oacute;n</h3>
                    <p>Asesorar y proveer soluciones tecnol&oacute;gicas innovadoras, eficientes y de alta calidad que hagan posible el alcance de objetivos de negocio.</p>
                </div>
            </div>
            
            <div class="grid-50 tablet-grid-100 mobile-grid-100 about-box">
            	<figure class="about-icon"><img src="images/vision.png" alt="Visi&oacute;n"></figure>
                
                <div class="about-box">
                    <h3>Visi&oacute;n</h3>
                    <p>Ser el aliado de preferencia en el desarrollo de su Norte Tecnol&oacute;gico mediante la construcci&oacute;n de relaciones de confianza y largo plazo.</p>
                </div>
            </div>
            
            <div class="grid-50 tablet-grid-100 mobile-grid-100 about-box">
            	<figure class="about-icon"><img src="images/consultancy.png" alt="Consultor&iacute;a"></figure>
                
                <div class="about-box">
                    <h3>Consultor&iacute;a</h3>
                    <p>Determinamos las soluciones tecnológicas apropiadas para el logro de los objetivos de su negocio.</p>
                </div>
            </div>
            
            <div class="grid-50 tablet-grid-100 mobile-grid-100 about-box">
            	<figure class="about-icon"><img src="images/support.png" alt="Soporte T&eacute;cnico"></figure>
                
            	<div class="about-box">
                    <a href="http://www.nortec.co.cr/Pages/Support.aspx"><h3>Soporte T&eacute;cnico</h3></a>
                    <p>Centro t&eacute;cnico especializado y asesoramiento profesional reconocido por Lenovo y Tripp-Lite.</p>
                </div>
            </div>
            
    	</div><!-- close grid-container -->
    </section><!-- close about section -->
            
    <div class="clear"></div>
    
    <!-- parallax banner 2-->
     <section id="parallax-section-2" class="parallax-section parallax-banner-2 parallax-background parallax-section-2 ha-waypoint">
     <div class="parallax-overlay parallax-overlay-2"></div>
		<div class="grid-container parallax-content">
            
            	<!-- parallax header -->
            	<div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                    <header class="parallax-header">
                        <h2 class="parallax-title"><span>Somos su Norte Tecnol&Oacute;gico</span></h2>
                        <p class="parallax-slogan">Integramos soluciones tecnol&oacute;gicas con las marcas <strong>l&iacute;deres del mercado</strong></p>
                    </header>
                </div>
            	<!-- close parallax header -->
   
		</div><!-- close grid container -->
	</section><!-- close parallax banner 2-->
    
    </div><!-- close nav-waypoint -->
    
    <div class="clear"></div>
    
       
        <!-- service section -->
        <div class="nav-waypoint">
            <section id="service-section" class="parallax-section parallax-banner-3 parallax-background service-section" style="background:#fff !important;">
                <div class="parallax-overlay parallax-overlay-3" style="background-image:none !important;"></div>
                <div class="grid-container parallax-content" style="color:#000 !important;">
                    <div class="grid-parent grid-100 mobile-grid-100 tablet-grid-100">

                        <!-- entry header -->
                        <div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                            <header class="parallax-header">
                                <h2 class="parallax-title" style="color:#000 !important;"><span>Productos</span></h2>
                                <p class="parallax-slogan">Ofrecemos una amplia gama de soluciones tecnol&oacute;gicas en el mercado costarricense, para ello contamos con la distribuci&oacute;n autorizada directamente del fabricante de una variedad de productos de prestigiosas marcas a nivel mundial, tales como Lenovo, Tripp-Lite, D-Link y EMC.</p>
                            </header>
                        </div>
                        <!-- close entry header -->
                        <!-- icon box 1 -->
                        <div class="grid-33 mobile-grid-100 tablet-grid-100">
                            <div class="box-fade icon-box">
                                <div class="arrow-right"></div>
                                <i class="icon-desktop icon-4x service-icon"></i>
                            </div>
                            <div class="box-fade info">
                                <a href="computoPersonal.htm"><h3>C&oacute;mputo Personal</h3></a>
                                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
                            </div>
                        </div><!-- close icon box -->
                        <!-- icon box 2 -->
                        <div class="grid-33 mobile-grid-100 tablet-grid-100">
                            <div class="box-fade icon-box">
                                <div class="arrow-right"></div>
                                <i class="icon-exchange icon-4x service-icon"></i>
                            </div>
                            <div class="box-fade info">
                                <a href="dataCenter.htm"><h3>Data Center</h3></a>
                                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
                            </div>
                        </div><!-- close icon box -->
                        <!-- icon box 3 -->
                        <div class="grid-33 mobile-grid-100 tablet-grid-100">
                            <div class="box-fade icon-box">
                                <div class="arrow-right"></div>
                                <i class="icon-archive icon-4x service-icon"></i>
                            </div>
                            <div class="box-fade info">
                                <a href="almacenamiento.htm"><h3>Almacenamiento</h3></a>
                                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
                            </div>

                        </div><!-- close icon box -->
                        <!-- icon box 4 -->
                        <div class="grid-33 mobile-grid-100 tablet-grid-100">
                            <div class="box-fade icon-box">
                                <div class="arrow-right"></div>
                                <i class="icon-tasks icon-4x service-icon"></i>
                            </div>
                            <div class="box-fade info">
                                <a href="comunicaciones.htm"><h3>Comunicaciones</h3></a>
                                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
                            </div>
                        </div><!-- close icon box -->
                        <!-- icon box 5 -->
                        <div class="grid-33 mobile-grid-100 tablet-grid-100">
                            <div class="box-fade icon-box">
                                <div class="arrow-right"></div>
                                <i class="icon-lock icon-4x service-icon"></i>
                            </div>
                            <div class="box-fade info">
                                <a href="proteccionEnergia.htm"><h3>Protecci&oacute;n de energ&iacute;a</h3></a>
                                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
                            </div>
                        </div><!-- close icon box -->
                        <!-- icon box 6 -->
                        <div class="grid-33 mobile-grid-100 tablet-grid-100">
                            <div class="box-fade icon-box">
                                <div class="arrow-right"></div>
                                <i class="icon-print icon-4x service-icon"></i>
                            </div>
                            <div class="box-fade info">
                                <a href="impresion.htm"><h3>Impresi&oacute;n</h3></a>
                                <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.</p>
                            </div>
                        </div><!-- close icon box -->



                    </div><!-- close grid-100 -->
                </div><!-- close grid container -->
            </section><!-- close service section -->

        </div><!-- close nav-waypoint -->

        <div class="clear"></div>



    <!-- EN CONSTRUCCION

    <div class="nav-waypoint">
	<section id="team-section" class="team-section content-section">
		<div class="grid-container">
        	
           
            <div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                <header class="section-header">
                    <h2 class="section-title"><span>Nuestro Equipo</span></h2>
                    <p class="section-slogan">Fusce rutrum mauris <strong>mauris</strong> sapien, sit amet interdum justo ullamcorper sit amet. <strong>Vestibulum</strong> non varius risus.</p>
                </header>
            </div>
           
            
            <div class="clear"></div>

       
            <div class="member-box grid-25 mobile-grid-100 tablet-grid-50">
                <figure class="member-photo"><img src="images/member1.jpg" alt="member"></figure>

                <div class="member-box">
                    <h3>Lorem Ipsum</h3>
                    <span>Fusce</span>
                </div>

            </div>

            <div class="member-box grid-25 mobile-grid-100 tablet-grid-50">
                <figure class="member-photo"><img src="images/member2.jpg" alt="member"></figure>

                <div class="member-box">
                    <h3>Lorem Ipsum</h3>
                    <span>Fusce</span>
                </div>

            </div>

            <div class="member-box grid-25 mobile-grid-100 tablet-grid-50">
                <figure class="member-photo"><img src="images/member3.jpg" alt="member"></figure>

                <div class="member-box">
                    <h3>Lorem Ipsum</h3>
                    <span>Fusce</span>
                </div>

            </div>

            <div class="member-box grid-25 mobile-grid-100 tablet-grid-50">
                <figure class="member-photo"><img src="images/member4.jpg" alt="member"></figure>

                <div class="member-box">
                    <h3>Lorem Ipsum</h3>
                    <span>Fusce</span>
                </div>

            </div>

            <div class="member-box grid-25 mobile-grid-100 tablet-grid-50">
                <figure class="member-photo"><img src="images/member5.jpg" alt="member"></figure>

                <div class="member-box">
                    <h3>Lorem Ipsum</h3>
                    <span>Fusce</span>
                </div>

            </div>

            <div class="member-box grid-25 mobile-grid-100 tablet-grid-50">
                <figure class="member-photo"><img src="images/member6.jpg" alt="member"></figure>

                <div class="member-box">
                    <h3>Lorem Ipsum</h3>
                    <span>Fusce</span>
                </div>

            </div>
            
            <div class="member-box grid-25 mobile-grid-100 tablet-grid-50">
                <figure class="member-photo"><img src="images/member7.jpg" alt="member"></figure>

                <div class="member-box">
                    <h3>Lorem Ipsum</h3>
                    <span>Fusce</span>
                </div>

            </div>
            
            <div class="member-box grid-25 mobile-grid-100 tablet-grid-50">
                <figure class="member-photo"><img src="images/member8.jpg" alt="member"></figure>

                <div class="member-box">
                    <h3>Lorem Ipsum</h3>
                    <span>Fusce</span>
                </div>

            </div>
			
		</div> 
	</section>
        -->
   <div class="clear"></div>
   
   <!-- Counter Section -->
    <section id="counter-section" class="counter-section parallax-section parallax-banner-6 parallax-background">
     	<div class="parallax-overlay parallax-overlay-6"></div>
		<div class="grid-container parallax-content">
        	<div class="grid-parent grid-100 mobile-grid-100 tablet-grid-100">
            
            <!-- parallax header -->
            <div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                <header class="parallax-header">
                    <h2 class="parallax-title"><span>Compromiso con <br> la calidad y el Ambiente</span></h2>    
                </header>
            </div>
            <!-- close parallax header -->
 
            <!-- counter box 1 -->
			<div class="grid-25 mobile-grid-100 tablet-grid-25">
            	<div class="counter-box counter" data-counter="14001">
            		<span class="count">14001</span>
                 	<h3 class="counter-details">Certificación de Ambiente ISO</h3>
                </div>
			</div><!-- close counter box -->
            
            <!-- counter box 2 -->
			<div class="grid-25 mobile-grid-100 tablet-grid-25">
            	<div class="counter-box counter" data-counter="9001">
            		<span class="count">9001</span>
                 	<h3 class="counter-details">Certificación de Calidad ISO</h3>
                </div>
			</div><!-- close counter box -->
            
            <!-- counter box 3 -->
			<div class="grid-25 mobile-grid-100 tablet-grid-25">
            	<div class="counter-box counter" data-counter="1300">
            		<span class="count">1300</span>
                 	<h3 class="counter-details">Partes tecnol&oacute;gicas recicladas en 2014</h3>
                </div>
			</div><!-- close counter box -->
            
            <!-- counter box 4 -->
			<div class="grid-25 mobile-grid-100 tablet-grid-25">
            	<div class="counter-box counter" data-counter="150">
            		<span class="count">150</span>
                 	<h3 class="counter-details">&Aacute;rboles sembrados en 2014</h3>
                </div>
			</div><!-- close counter box -->
    
    		</div><!-- close grid-100 -->
		</div><!-- close grid container -->
	</section><!-- close parallax banner 3-->
    
    <!-- cta section -->
    <section id="cta-section" class="cta-section content-section">
    	<div class="grid-container">    
        	<div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">            
            	<span class="cta-btn cl-effect-18"><a href="#contact-section" class="cl-effect-18">Cont&aacute;ctenos</a></span>
            </div>            
    	</div> 
    </section><!-- close cta section -->
    </div><!-- close nav-waypoint -->
         
    <div class="clear"></div>    
    
    <!-- testimonial section -->
    <div class="nav-waypoint">
        <section id="testimonial-section" class="testimonial-section content-section">

            <div class="grid-container">

                <!-- section header -->
                <div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                    <header class="section-header">
                        <h2 class="section-title"><span>Casos de Éxito</span></h2>
                    </header>
                </div>
                <!-- close section header -->

                <div class="clear"></div>

                <!--
                <div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">

                <div class="ut-testimonials">
                    <div id="avatarSlider" class="ut-rotate-avatar">
                        <ul class="slides">
                            <li>
                                <img src="images/user.jpg" class="ut-quote-avatar" alt="avatar">
                            </li>
                            <li>
                                <img src="images/user2.jpg" class="ut-quote-avatar" alt="avatar">
                            </li>
                            <li>
                                <img src="images/user3.jpg" class="ut-quote-avatar" alt="avatar">
                            </li>
                            <li>
                                <img src="images/user4.jpg" class="ut-quote-avatar" alt="avatar">
                            </li>
                        </ul>
                    </div>

                    <div id="quoteSlider" class="ut-rotate-quote">
                        <ul class="slides">
                            <li>
                                <span class="ut-quote-comment">"Sin duda uno de los principales elementos que hacen de Nortec la empresa que es hoy en d&iacute;a es la m&iacute;stica y los valores de responsabilidad, agilidad y amistad"</span>
                                <h3 class="ut-quote-name">Hugo Porras - Gerente TI / Grupo Colono</h3>
                            </li>
                            <li>
                                <span class="ut-quote-comment">"Hemos contado con Nortec para cada una de las fases de crecimiento de nuestra empresa, encontrando siempre de su mano las mejores y m&Aacute;s novedosas soluciones."</span>
                                <h3 class="ut-quote-name">Abel Quesada - Allergan</h3>
                            </li>
                            <li>
                                <span class="ut-quote-comment">"Nortec siempre nos ha brindado un servicio efeciente y con un tiempo de respuesta ejemplar."</span>
                                <h3 class="ut-quote-name">Gustavo Vallejo - Director Ejecutivo FOBESCO</h3>
                            </li>
                            <li>
                                <span class="ut-quote-comment">"El tiempo de respuesta de soporte t&eacute;cnico es muy eficiente, pr&aacute;cticamente un tiquete se levanta hoy y el d&iacute;a siguiente ya est&Aacute;n en contacto con nosotros."</span>
                                <h3 class="ut-quote-name">Johan Hidalgo - Central America IT Leader / S.C.A.</h3>
                            </li>
                        </ul>
                    </div>
                </div>
                    close avatarSlider -->



                <div class="grid-50 tablet-grid-100 mobile-grid-100 about-box">
                    <figure class="about-icon2"><img src="images/sucess.png" alt="GrupoColono"></figure>

                    <div class="about-box">
                        <h3>Hugo Porras - Gerente TI / Grupo Colono</h3>
                        <p>"Sin duda uno de los principales elementos que hacen de Nortec la empresa que es hoy en d&iacute;a es la m&iacute;stica y los valores de responsabilidad, agilidad y amistad"</p>
                    </div>
                </div>
                <div class="grid-50 tablet-grid-100 mobile-grid-100 about-box">
                    <figure class="about-icon2"><img src="images/sucess.png" alt="Mision"></figure>

                    <div class="about-box">
                        <h3>Abel Quesada - Allergan</h3>
                        <p>"Hemos contado con Nortec para cada una de las fases de crecimiento de nuestra empresa, encontrando siempre de su mano las mejores y m&aacute;s novedosas soluciones."</p>
                    </div>
                </div>
                <div class="grid-50 tablet-grid-100 mobile-grid-100 about-box">
                    <figure class="about-icon2"><img src="images/sucess.png" alt="Mision"></figure>

                    <div class="about-box">
                        <h3>Gustavo Vallejo - Director Ejecutivo FOBESCO</h3>
                        <p>"EMC2 vino a solventar las necesidades de almacenamiento en nuestra compa&ntilde;&iacute;a, adem&aacute;s Nortec siempre nos ha brindado un servicio efeciente y con un tiempo de respuesta ejemplar."</p>
                    </div>
                </div>
                <div class="grid-50 tablet-grid-100 mobile-grid-100 about-box">
                    <figure class="about-icon2"><img src="images/sucess.png" alt="Mision"></figure>

                    <div class="about-box">
                        <h3>Johan Hidalgo - Central America IT Leader / S.C.A.</h3>
                        <p>"El tiempo de respuesta de soporte t&eacute;cnico es muy eficiente, pr&aacute;cticamente un tiquete se levanta hoy y el d&iacute;a siguiente ya est&aacute;n en contacto con nosotros."</p>
                    </div>
                </div>

            </div><!-- close grid-70 prefix-15 mobile-grid-100 tablet-grid-100 -->

    </div><!-- close container -->
    </section><!-- close testimonial section -->

    <div class="clear"></div>


    <!-- EN CONSTRUCCION
   
    <div class="nav-waypoint">
	<section id="portfolio-section" class="portfolio-section content-section">
		<div class="grid-container">
        	
         
            <div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                <header class="section-header">
                    <h2 class="section-title"><span>Nortec Consulting</span></h2>
                </header>
            </div>
       
            
            <div class="clear"></div>
            
            
			<div class="grid-33 mobile-grid-50 tablet-grid-50">
            	<a class="portfolio-popup" href="images/portfolio/large/1.jpg">
            	<div class="portfolio-box">       
            	<figure class="portfolio-image"><img src="images/portfolio/thumb/p1.jpg" alt="portfolio image"></figure>
                <div class="portfolio-caption">
                    <h3 class="portfolio-title">Lorem<span class="portfolio-category">Ipsum</span></h3>
                </div>             
                </div>
                </a>              
			</div>
            
           
			<div class="grid-33 mobile-grid-50 tablet-grid-50">
            	<a class="portfolio-popup" href="images/portfolio/large/2.jpg">
            	<div class="portfolio-box">       
            	<figure class="portfolio-image"><img src="images/portfolio/thumb/p2.jpg" alt="portfolio image"></figure>
                <div class="portfolio-caption">
                    <h3 class="portfolio-title">Lorem<span class="portfolio-category">Ipsum</span></h3>
                </div>
                </div>
                </a>               
			</div>
            
           
			<div class="grid-33 mobile-grid-50 tablet-grid-50">
                <a class="portfolio-popup" href="images/portfolio/large/3.jpg">
                    <div class="portfolio-box">
                        <figure class="portfolio-image"><img src="images/portfolio/thumb/p3.jpg" alt="portfolio image"></figure>
                        <div class="portfolio-caption">
                            <h3 class="portfolio-title">Lorem<span class="portfolio-category">Ipsum</span></h3>
                        </div>
                    </div>
                </a>          
			</div>
            
           
			<div class="grid-33 mobile-grid-50 tablet-grid-50">
            	<a class="portfolio-popup" href="images/portfolio/large/4.jpg">
            	<div class="portfolio-box">       
            	<figure class="portfolio-image"><img src="images/portfolio/thumb/p4.jpg" alt="portfolio image"></figure>
                <div class="portfolio-caption">
                    <h3 class="portfolio-title">Lorem<span class="portfolio-category">Ipsum</span></h3>
                </div>
                </div>  
                </a>             
			</div>
            
           
			<div class="grid-33 mobile-grid-50 tablet-grid-50">
            	<a class="portfolio-popup" href="images/portfolio/large/5.jpg">
            	<div class="portfolio-box">       
            	<figure class="portfolio-image"><img src="images/portfolio/thumb/p5.jpg" alt="portfolio image"></figure>
                <div class="portfolio-caption">
                    <h3 class="portfolio-title">Lorem<span class="portfolio-category">Ipsum</span></h3>
                </div>
                </div>          
                </a>     
			</div>
            
           
			<div class="grid-33 mobile-grid-50 tablet-grid-50">
            	<a class="portfolio-popup" href="images/portfolio/large/6.jpg">
            	<div class="portfolio-box">       
            	<figure class="portfolio-image"><img src="images/portfolio/thumb/p6.jpg" alt="portfolio image"></figure>
                <div class="portfolio-caption">
                    <h3 class="portfolio-title">Lorem<span class="portfolio-category">Ipsum</span></h3>
                </div>
                </div>    
                </a>           
			</div>
     
        
			<div class="grid-33 mobile-grid-50 tablet-grid-50">
            	<a class="portfolio-popup" href="images/portfolio/large/-7.jpg">
            	<div class="portfolio-box">       
            	<figure class="portfolio-image"><img src="images/portfolio/thumb/p7.jpg" alt="portfolio image"></figure>
                <div class="portfolio-caption">
                    <h3 class="portfolio-title">Lorem<span class="portfolio-category">Ipsum</span></h3>
                </div>
                </div>  
                </a>             
			</div>
            
           
			<div class="grid-33 mobile-grid-50 tablet-grid-50">
            	<a class="portfolio-popup" href="images/portfolio/large/8.jpg">
            	<div class="portfolio-box">       
            	<figure class="portfolio-image"><img src="images/portfolio/thumb/p8.jpg" alt="portfolio image"></figure>
                <div class="portfolio-caption">
                    <h3 class="portfolio-title">Lorem<span class="portfolio-category">Ipsum</span></h3>
                </div>
                </div>  
                </a>             
			</div>
            
           
			<div class="grid-33 mobile-grid-50 tablet-grid-50">
            	<a class="portfolio-popup" href="images/portfolio/large/9.jpg">
            	<div class="portfolio-box">       
            	<figure class="portfolio-image"><img src="images/portfolio/thumb/p9.jpg" alt="portfolio image"></figure>
                <div class="portfolio-caption">
                    <h3 class="portfolio-title">Lorem<span class="portfolio-category">Ipsum</span></h3>
                </div>
                </div>   
                </a>            
			</div>
			
		</div>
	</section>
         -->
    




    <div class="clear"></div>
    
    <!-- social section -->
     <section id="social-section" class="parallax-section parallax-banner-4 parallax-background social-section">
     <div class="parallax-overlay parallax-overlay-4"></div><!-- parallax overlay -->
		<div class="grid-container parallax-content">
        	<div class="grid-parent grid-100 mobile-grid-100 tablet-grid-100">
            
            	<!-- parallax header -->
            	<div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                    <header class="parallax-header">
                    <h2 class="parallax-title"><span>S&iacute;ganos en redes sociales</span></h2>
                    </header>
                </div>
            	<!-- close parallax header -->
            
            <div class="clear"></div>
            
            <!-- social network -->
            <ul class="social-network">
            	<li class="facebook grid-20 tablet-grid-20 mobile-grid-50">
                    <a class="social-link" href="https://www.facebook.com/pages/Lenovo-Store-By-Nortec-Costa-Rica/687247934646315?fref=ts" target="_blank">
                        <span class="social-icon"><i class="icon-facebook icon-4x"></i></span>
                        <h3 class="social-title">Facebook</h3>
                        <span class="social-info">Lenovo Store by Nortec</span>
                    </a>
                </li>
                <li class="facebook grid-20 tablet-grid-20 mobile-grid-50">
                    <a class="social-link" href="https://www.facebook.com/lenovo?fref=ts" target="_blank">
                        <span class="social-icon"><i class="icon-facebook icon-4x"></i></span>
                        <h3 class="social-title">Facebook</h3>
                        <span class="social-info">Lenovo</span>
                    </a>
                </li>
                <li class="google-plus grid-20 tablet-grid-20 mobile-grid-50">
                	<a class="social-link" href="#" target="_blank">
                    <span class="social-icon"><i class="icon-google-plus icon-4x"></i></span>
                    <h3 class="social-title">Google Plus</h3>
                    <span class="social-info">Class aptent taciti sociosqu</span>
                    </a>
                </li>
                <li class="youtube grid-20 tablet-grid-20 mobile-grid-50">
                    <a class="social-link" href="https://www.youtube.com/channel/UCYQTiIV1W5Fkyzh5G6UcOFg" target="_blank">
                        <span class="social-icon"><i class="icon-youtube icon-4x"></i></span>
                        <h3 class="social-title">YouTube</h3>
                        <span class="social-info">Canal Nortec Consulting</span>
                    </a>
                </li>
                <li class="youtube grid-20 tablet-grid-20 mobile-grid-50">
                    <a class="social-link" href="https://www.youtube.com/user/LenovoVision" target="_blank">
                        <span class="social-icon"><i class="icon-youtube icon-4x"></i></span>
                        <h3 class="social-title">YouTube</h3>
                        <span class="social-info">Canal Lenovo</span>
                    </a>
                </li>
            </ul><!-- close social network -->
    	
      		</div><!-- close grid-100 -->
		</div><!-- close grid container -->
	</section><!-- close social section -->
    </div><!-- close nav-waypoint -->
    
    <div class="clear"></div>
    
   
    
    <!-- client section -->
        <section id="client-section" class="client-section content-section ha-header02">

            <div class="grid-container">

                <div class="client-holder grid-parent grid-100 tablet-grid-100 mobile-grid-100">

                    <!-- client box -->
                    <div class="grid-20 tablet-grid-20 mobile-grid-50">
                        <div class="client-logo">
                            <a href="http://www.lenovo.com" target="_blank"><img src="images/logo2.png" alt="client logo"></a>
                        </div>
                    </div><!-- close client box -->
                    <!-- client box -->
                    <div class="grid-20 tablet-grid-20 mobile-grid-50">
                        <div class="client-logo">
                            <a href="http://www.emc.com" target="_blank"><img src="images/logo3.png" alt="client logo"></a>
                        </div>
                    </div><!-- close client box -->
                    <!-- client box -->
                    <div class="grid-20 tablet-grid-20 mobile-grid-50">
                        <div class="client-logo">
                            <a href="http://www.dlink.com" target="_blank"><img src="images/logo4.png" alt="client logo"></a>
                        </div>
                    </div><!-- close client box -->
                    <!-- client box -->
                    <div class="grid-20 tablet-grid-20 mobile-grid-50">
                        <div class="client-logo">
                            <a href="http://www.tripplite.com/" target="_blank"><img src="images/logo5.png" alt="client logo"></a>
                        </div>
                    </div><!-- close client box -->
                    <!-- client box -->
                    <div class="grid-20 tablet-grid-20 mobile-grid-50">
                        <div class="client-logo">
                            <a href="http://www.lexmark.com/" target="_blank"><img src="images/logo6.png" alt="client logo"></a>
                        </div>
                    </div><!-- close client box -->

                </div><!-- close client-holder -->

            </div><!-- close container -->
        </section><!-- close client section -->
    
    </div><!-- close nav-waypoint -->
    
    <div class="clear"></div>
    
     <!-- contact section -->
     <div class="nav-waypoint">
     <section id="contact-section" class="contact-section parallax-section parallax-banner-5 parallax-background">
     <div class="parallax-overlay parallax-overlay-5"></div><!-- parallax overlay -->
		<div class="grid-container parallax-content">
        
            	<!-- parallax header -->
            	<div class="grid-70 prefix-15 mobile-grid-100 tablet-grid-100">
                    <header class="parallax-header">
                        <h2 class="parallax-title"><span>Cont&aacute;ctenos</span></h2>
                    </header>
                </div>
            	<!-- close parallax header -->
            
            <div class="clear"></div>
            
            <!-- contact wrap -->
            <div class="grid-100 mobile-grid-100 tablet-grid-100">
        	<div class="contact-wrap">
            
            
            <!-- contact message -->
            <div class="grid-parent grid-40 suffix-5 mobile-grid-100 tablet-grid-100">
            <div class="contact-message">
            <h3 class="grid-100">Direcci&oacute;n</h3>
            	<ul class="icons-ul">
                	<li><i class="icon-li icon-home"></i>1KM Este de Burger King, <br> San Pablo, Heredia, <br>Costa Rica</li>
                    <li><i class="icon-li icon-phone"></i>(506) 2261 - 3939</li>
                    <li><i class="icon-li icon-envelope-alt"></i>info@nortec.co.cr</li>
                    <li><i class="icon-li icon-globe"></i>www.nortec.co.cr</li>
                </ul>
            </div>
            </div><!-- close contact message -->
            
            <!-- contact form -->
            <div class="grid-parent grid-55 mobile-grid-100 tablet-grid-100">
            <div class="contact-form-holder clearfix">
          	
            
            <h3 class="grid-100">Cont&aacute;ctenos</h3>
            
            <!-- contact form -->
            <form id="contact-form" class="contact-form">
            
            	<ul class="grid-50">
                
                	<li><input id="name" class="name" type="text" name="name" placeholder="Nombre:"></li>
                    <li><input id="email" class="email" type="email" name="email" placeholder="E-Mail:"></li>
                    <li><input id="phone" class="phone" type="text" name="phone" placeholder="Tel&eacute;fono:"></li>
                    
            	</ul>
                
                <ul class="grid-50">
                    <li><textarea id="message" class="message" name="message" placeholder="Mensaje:"></textarea></li>
                </ul>
                
                <div class="grid-100">
                    <input id="send-btn" class="send-btn" type="submit" name="send-btn" value="Enviar">
                    <div class="success-message">Su mensaje fue enviado</div>
                    <div class="alert-message"></div>
                    <div class="error-message">Su mesaje no fue enviado. Por favor vuelva a intentarlo</div>
                </div>   

                     
              </form><!-- close contact form -->
                    
            </div>
            </div><!-- close contact-form-holder -->
            
            </div>
            </div><!-- close contact wrap -->
            
            
		</div><!-- close container -->
	</section><!-- close contact section -->
    
	</div><!-- close nav-waypoint -->
    
    <div class="clear"></div>
    
	<!-- Footer Section -->
	<footer class="footer">
	<a href="#top" class="toTop"><i class="icon-angle-up"></i></a>
    	<div class="grid-container">

		</div><!-- close container -->
	</footer><!-- close footer -->
</div>
	
    <!-- Load Javascript
  	================================================== -->
    <script src="js/jquery.mb.YTPlayer.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/jquery.parallax.min.js"></script>
    <script src="js/jquery.scrollTo.min.js"></script>
	<script src="js/waypoints.min.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>
   	<script src="js/jquery.custom.js"></script>
    
    <script type="text/javascript">
     /* <![CDATA[ */
		
		(function($){
	
		"use strict";
    		
			$(document).ready(function(){
				$(window).load(function(){
					$('.main-slider').flexslider({
						animation: "fade",
						directionNav:false,
						slideshowSpeed: 3000,
                        animationSpeed: 600, 
						initDelay: 0,         
						useCSS: true, 
						touch:true,
						video: true,
						start: function(slider) { //to handle first slide when slider first loads
							var currSlide = slider.slides.eq(slider.currentSlide);
							currSlide.find('.flex-caption').addClass("animate-in");
					
						},
						before: function(slider) { // handles rest of slides
							var nextSlide = slider.slides.eq(slider.animatingTo);
							var currSlide = slider.slides.eq(slider.currentSlide);
							currSlide.find('.flex-caption').addClass("animate-out").removeClass("animate-in"); 
							nextSlide.find('.flex-caption').addClass("animate-in").removeClass("animate-out"); 
					
						}  
					});
				});
			});
			
		})(jQuery);
		
	/* ]]> */	
    </script>
    
<!-- End Document
================================================== -->
</body>
</html>